@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");


* { 
margin: 0; 
padding: 0; 
box-sizing: border-box; 
} 


body{
    font-family: "Raleway", serif;

font-optical-sizing: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2c3e50;
background-color: #fefefe;
width: 100%;

}


  .btn-1{
  	background-color: #00bf63;
    color: #fff;
    border-radius: 20px;
    padding: 10px;
    transition: 0.4s;
  }

 .btn-1:hover{
  color: #fff;
  background-color: #006d19;
 }




  .btn-2{
    background-color: #8ba820;
    color: #fff;
    border-radius: 20px;
    padding: 10px;
    transition: 0.4s;
  }

 .btn-2:hover{
  color: #fff;
  background-color: #006d19;
 }

 .link-btn{
  color: #2a2a2a;
  text-decoration: none;
  font-weight: bolder;
 }

 .link-btn:hover{
  color:#2a2a2a;
 }




 .color-1{
  color: #00bf63;
 }


.color-2{
  color: #8ba820;
}




.logo{
  height: 50px;
}

nav .navbar-nav li a{
  color: #2a2a2a !important;
  transition: 0.4s;
  font-size: 18px;
  }


  nav .navbar-nav li a:hover{
    color: #006d19 !important;
  }

  .slider-title{
    font-size: 5vw;
    font-weight: bolder;
  }

  .header-design{
    padding: 10px;
    background-color: #fafafa;
  }


    /* Responsive CSS Here */
@media screen and (max-width: 950px) { 
  .hide-me{
    display: none;
  }

}